<script setup lang="ts">
import { onMounted, ref } from "vue"
import { get } from "@/utils/api"

const date = new Date().getFullYear()

const data = ref({
  copyright: "济南市猫玖鱼柒网络科技有限公司",
  icp: "鲁ICP备2022014288号-3"
})
onMounted(async ()=>{
  data.value = await get("/api/copyright/getConfig")
})
</script>

<template>
  <t-row class="container">
    Copyright&nbsp;©&nbsp;{{date}}&nbsp;{{data.copyright}}&nbsp;<a href="https://beian.miit.gov.cn/#/Integrated/recordQuery" target="_blank">{{data.icp}}</a>
  </t-row>
</template>

<style scoped lang="less">
@footer-color: #909399;
.container{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: @footer-color;
  background-color: var(--td-bg-color-container);
}
</style>
